<h1><?php echo $this->titlePage; ?></h1>
<form action="" method=get">
    <div class="formfield">
        <label for="">Login:</label>
        <input id="nomeUsu" name="nomeUsu" type="text">
    </div>
    <div class="formfield">        
        <label for="">Tipo:</label>
        <?php echo $this->formSelect('tipoUsuario', '', array('class' => 'required'), array(''=>'SELECIONE', 'A'=>'ADMINISTRADOR', 'C' => 'COMUM')); ?>                
    </div>
    
    <div class="formbutton">
        <button id="btBuscarUsu" type="button">Buscar</button>
        <button id="btNovoUsu" type="button" value="/usuario/formulario">Novo</button> 
    </div>
</form>

<br />

<!-- grid para exibir os dados -->
<div id="divResUsuario">

</div>

<br />

<br />

<script>

    var usuarioAutoComplete = <?php echo Zend_Json::encode($this->dadosAutoComplete); ?>

    $(function(){
        //Melhora aparência dos botões
        $( "input[type=submit], button" ).button();
        $('#btNovoUsu').click(function(){
            var url = $(this).attr('value');
            $('#ui-tabs-3').load(url);
            return false;
        });
        
        $( "#nomeUsu" ).autocomplete({
            source: usuarioAutoComplete
        });
    
        $('#divResUsuario').load('/usuario/grid/');
        $('#btBuscarUsu').click(function(){
            login = urlencodeGet($('#nomeUsu').val());
            tipo_usuario = $('#tipoUsuario').val();
            $('#divResUsuario').load('/usuario/grid/login/' + login + '/tipo_usuario/' + tipo_usuario);
        });
    }); 
    
</script>